/* Hides from IE-mac \*/
html{color:#333;background:#fff;overflow:auto;overflow-y:scroll;height:100%; font-size:14px; font-family:microsoft yahei;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size: 100%}
body{background: #fff;min-width: 1200px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym{border:0;font-variant:normal;}
br{letter-spacing:0px;}
a{text-decoration:none;}
input{outline: none;}
a img { border: none; }
.clear{ clear:both;}
.wrap{width:1200px;margin:0 auto;overflow: hidden;}
.wrapp{width:1200px;margin:0 auto;}

/*top*/
.top{width:100%;height: 30px;background: #333;color: #fff;line-height: 30px;}

.top p{float: right;}
/*m-com*/
.m-com{width:100%;overflow: hidden;padding:55px 0;}
.m-com-hd{width:100%;overflow: hidden;float: left;}
.m-com-hd h1{width:100%;overflow: hidden;float: left;text-align: center;font-size: 24px;color: #333333;}
.m-com-hd h2{width:100%;overflow: hidden;float: left;text-align: center;font-size: 24px;color: #333333;font-weight: bold;margin:10px 0;}
.m-com-hd h2 span{color: #3784c2;}
.m-com-hd hr{width:60px;border-top:solid 5px #3784c2;margin:10px auto;}
.m-com-hd p{text-align: center;font-size:16px;color: #555555;line-height: 30px;margin-top: 40px;}
.m-com-bd{width:100%;float: left;overflow: hidden;height: 210px;margin-top: 30px;}
.m-com-bd li{width:192px;float: left;margin:10px 4px;transition:all .5s;}
.m-com-bd li:hover{margin-top: 0px;}
.m-com .more{width:178px;height: 45px;text-align: center;border:solid 2px #0068b7;font-size: 16px;line-height: 45px;color: #0068b7;margin:30px auto 0;display: block;}
.m-com .more:hover{width:200px;}

/*m-pro*/
.m-pro{width:100%;float: left;overflow: hidden;height:629px;background: url(../Image/m-pro-bg.jpg) center no-repeat;padding:40px 0; }
.m-pro-hd h1{width:100%;overflow: hidden;float: left;text-align: center;font-size: 24px;color: #ffffff;}
.m-pro-hd h2{width:100%;overflow: hidden;float: left;text-align: center;font-size: 24px;color: #bfdeff;font-weight: bold;margin:10px 0;}
.m-pro-hd h2 span{color: #ffffff;}
.m-pro-hd hr{width:60px;border-top:solid 5px #ffffff;margin:10px auto;}
.m-pro-md{width:100%;float: left;text-align: center;margin:30px 0;}
.m-pro-md a{height:38px;text-align: center;margin:0 3px;background: #ffffff;font-size: 16px;color: #555555;line-height: 38px;display:inline-block;overflow: hidden;padding:0 10px;}
.m-pro-md a:hover{background: #0068b7;color: #fff}
.m-pro-bd{width:100%;float: left;overflow: hidden;}
.m-pro-bd li{width:387px;height:290px;float: left;overflow: hidden;margin:0 10px;}
.m-pro-bd li .img{width:387px;height:290px;float: left;overflow: hidden;background: #ffffff;line-height: 290px;text-align: center;}
.m-pro-bd li .img img{max-width:387px;max-height:290px;vertical-align: middle;transition:all .5s;}
.m-pro-bd li h1{width:100%;height: 48px;background: #0292ff;opacity: .8;text-align: center;line-height: 48px;color: #ffffff;font-size: 16px;transition:all .5s;float: left;}
.m-pro-bd li:hover .img img{transform: scale(1.1,1.1);}
.m-pro-bd li:hover h1{margin-top: -48px;}
.m-pro .more{width:178px;height: 45px;text-align: center;border:solid 2px #ffffff;font-size: 16px;line-height: 45px;color: #ffffff;margin:30px auto 0;display: block;transition: all .5s}
.m-pro .more:hover{width:200px;}

/*m-news*/
.m-news{width:100%;float: left;overflow: hidden;padding:40px 0; }
.m-news-hd h1{width:100%;overflow: hidden;float: left;text-align: center;font-size: 24px;color: #333333;}
.m-news-hd h2{width:100%;overflow: hidden;float: left;text-align: center;font-size: 24px;color: #333333;font-weight: bold;margin:10px 0;}
.m-news-hd h2 span{color: #0068b7;}
.m-news-hd hr{width:60px;border-top:solid 5px #ffffff;margin:10px auto;}

.m-news-bd{width:100%;float: left;overflow: hidden;height: 335px;}
.m-news-bd li{width:288px;height:332px;float: left;overflow: hidden;margin:0 10px;}
.m-news-bd li .txt{width:100%;height:290px;float: left;overflow: hidden;padding:15px;border:solid 1px #ffffff;}
.m-news-bd li .txt .img{width:255px;height: 135px;line-height: 135px;text-align: center;border:solid 1px #eeeeee;}
.m-news-bd li .txt img{max-width:255px;max-height:135px;vertical-align: middle;}
.m-news-bd li .txt h1{width:100%;height: 48px;line-height: 48px;color: #555555;font-size: 16px;float: left;font-weight: bold;transition:all .5s;}
.m-news-bd li .txt p{width:100%;line-height: 24px;color: #555555;font-size: 16px;float: left;}
.m-news-bd li  a{width:100%;float: left;height: 40px;text-align: center;color: #ffffff;font-size: 16px;display: block;background: #0068b7;line-height: 40px}
.m-news-bd li:hover .txt{border:solid 1px #cecece;}
.m-news-bd li:hover h1{color: #0068b7}
.m-news .more{width:178px;height: 45px;text-align: center;border:solid 2px #0068b7;font-size: 16px;line-height: 45px;color: #0068b7;margin:30px auto 0;display: block;transition: all .5s}
.m-news .more:hover{width:200px;}

/*footer*/
.footer{width:100%;height: 235px;background: #0068b7;float: left;padding:40px 0;}
.f-logo{float: left;}
.f-nav{float: left;width:630px;margin-left: 65px;}
.f-nav ul{float: left;width:630px;height: 40px;background: url(../Image/f-nav-bg.jpg) center bottom no-repeat;color: #ffffff;font-size: 16px;}
.f-nav ul a{color: #ffffff;padding:0 7px;}
.f-nav ul a:hover{color: #f70622;}
.f-nav p{width:100%;float: left;line-height: 30px;color: #ffffff;font-size: 16px;margin-top: 20px;}
.f-ewm{float: right;}

/*header*/
.l-header{width:100%;float: left;height: 355px;background: url(../Image/l-banner.jpg) center bottom no-repeat #ffffff;}
.h-logo{width:460px;float: left;margin:10px 0;}
.h-nav{width:610px;float: right;}
.h-nav li{width:101px;height: 103px;float: left;padding:30px 0;transition:all .5s;}
.h-nav li h2{width:100%;float: left;color: #ffffff;font-size: 12px;text-align: center;display: none;transition:all .5s;}
.h-nav li h1{width:100%;float: left;color: #000000;font-size: 16px;text-align: center;transition:all .5s;}
.h-nav li:hover{background: url(../Image/h-nav-bg.png) center no-repeat;}
.h-nav li:hover h1{color: #ffffff;}
.h-nav li:hover h2{color: #ffffff;display: block;}
.h-position{width:100%;float: left;margin-top: 220px;}
.h-position h1{width:500;float: left;font-size: 18px;color: #ffff00;font-weight: bold;}
.h-position h1 span{color: #ffffff;font-style: italic;font-weight: normal;font-size: 14px;}
.h-position p{color: #ffffff;float: right;font-size: 14px;}
.h-position p a{color:#ffffff;}

/*sidebar*/
.sidebar{width:100%;float: left;}
.s-hd{width:100%;height: 69px;background: url(../Image/s-hd.jpg) center no-repeat;}
.s-bd{width:100%;float: left;overflow: hidden;background: #ffffff;}
.s-bd li{width:100%;float: left;background: #eeeeee;color: #555555;font-size: 16px;line-height: 45px;margin-top: 2px;}
.s-bd li span{font-size: 35px;font-family: 宋体;color: #cccccc;float: right;}
.s-bd li:hover{background: #00479d;color: #ffffff;}
.s-bd li:hover span{color: #ffffff;}
.s-con{width:100%;overflow: hidden;background: url(../Image/s-hd.jpg) center top no-repeat #eeeeee;margin-top: 21px;float:left;}
.s-con p{padding:18px;color: #555555;font-size: 16px;line-height: 30px;margin-top: 70px;}

/*list*/
.list{width:100%;float: left;overflow: hidden;margin-top: -200px;margin-bottom: 30px;}
.l-hd{width:100%;float: left;}
.l-hd h1{width:100%;float: left;text-align: right;color: #ffffff;font-size: 32px;}
.l-hd h2{width:100%;float: left;text-align: right;color: #4f7dad;font-size: 26px;font-weight: bold;line-height: 35px;}
.l-bd{width:100%;float: left;margin-top: 160px;overflow: hidden;}
.l-left{width:244px;float: left;overflow: hidden;}
.l-right{width:914px;float: right;overflow: hidden;line-height: 260%;font-size: 16px;}

/*新闻列表页*/
#indexNews1{ padding:5px 10px; }
#indexNews1 li{ border-bottom:#D9D9D9 1px dotted; height: 100%; overflow: hidden; padding:20px 5px 20px 5px; }
#indexNews1 li a{ transition: all 0s; }
.indexNews1_l{ width: 105px; overflow: hidden;float: left;}
.indexNews1_l div{ width: 105px; height: 105px; background:#F2F5FA; position: relative;}
.indexNews1_lsp1{ line-height:1.8; text-align: center; font-size: 54px; color: #b1b1b1; float: left; width: 100%; transition: all 0.5s;}
.indexNews1_lsp2{ line-height:1.3; font-size: 13px; color: #b1b1b1;position: absolute; top: 55px; right: 10px; background-color: #f2f5fa;}
.indexNews1_r{ width:750px; overflow: hidden;float: right;}
.indexNews1_rp1{ line-height:1.8; font-size: 18px; font-weight:bold; transition: all 0.5s;color: #262626}
.indexNews1_rp2{ line-height:1.5; color: #b6b6b6; }
.indexNews1_rp2 span{ float: left; }
.indexNews1_rp3{ line-height:1.5; color: #8a8a8a; padding-top:5px;}
#indexNews1 li a:hover{ color: #004a98; }
#indexNews1 li a:hover .indexNews1_rp1{ padding-left: 5px; color: #004a98;}
#indexNews1 li a:hover .indexNews1_lsp1{ color: #004a98; }

/*分页效果*/
div.digg{padding:5px;margin:10px;text-align:center; float:right; display: inline;}
div.digg a{border:#aaaadd 1px solid;padding:3px 5px;margin:3px;color:#585858;text-decoration:none}
div.digg a:hover{border:#585858 1px solid;color:#000;}
div.digg a:active{border:#585858 1px solid;color:#000;}
div.digg span.current{border:solid 1px #004a98;padding:3px 8px;font-weight:bold;margin:3px;color:#fff;background-color:#004a98;}
div.digg span.disabled{border:#eee 1px solid;padding:3px 5px;margin:3px;color:#ddd;}
div.digg select{ border:#aaaadd 1px solid; padding:3px 0px;}

/*新闻内容页*/
#newTitle{ line-height:45px; font-size:25px; text-align:center;}
#newsInfo{ height:32px; line-height:32px; text-align:center; border-bottom:solid 1px #f1f1f1; margin:10px;}
.newsinfoleft {padding-left: 30px;}
#newsInfo i{ margin-right: 5px; }
.xxsmys{ width:600px; height:30px; line-height:30px; background-color:#ececec;}
.xxsmwz{ width:88px; height:30px; color:#FFF; text-align:center; display:block; background-color:#9a9a9a;}
.pageys{ width:59px; height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center;}
.pageys:hover{color:#ff6c00}
.pageys1{ width:20px;height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center; margin-left:5px;}
.pageys2{ float:left; padding-left:5px;height:21px; line-height:21px; }
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;overflow: hidden;}
#infoImage img{ max-width:100%; padding:3px; border:#dcdcdc solid 1px;}
#newsContent{ margin:0 auto;line-height:32px; padding:10px;}
#newsContent img{max-width:100%; text-indent:0em;}
#newsContent div{ text-indent:2em;}
.contactus{  height:auto;  line-height:32px; text-align:left;}
#company_main{ margin:0 auto; line-height:32px; padding:10px; }
#company_main img{ max-width:100%; }
#company_main a{ text-decoration:underline; }
#newsContent div.alink{ padding:5px; margin:0 auto; text-indent:0em;}

.newsInfo{ height: 64px; margin-top: 15px; line-height: 64px; color:#999999;  border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; }
.newsInfo i{ margin-right: 5px; }
.sha{ margin-right: 10px;float: right; }
.sha a{ float: left;  margin-left: 10px;}
.sha a img{margin-top: 15px;}
.sha a:hover{ animation: swing 1s; }
.sha span{ float: left; }
.recruit_info_tit_bg{height:40px;background:#f8f8f8;border-radius:2px;margin:15px auto;}
.recruit_info_tit_bg .recruit_info_tit{width:120px;height:40px;border-top-left-radius: 2px;border-bottom-left-radius: 2px;
    background:#004a98;color:#ffffff;line-height:40px;text-align: center;}
/*Related*/
.related{ width:100%;  padding:10px; float: left; }
.related p{ height:25px; font-weight:bold; border-bottom:solid 1px #F1F1F1;}
.related ul { width:100%; padding:10px 0px;float:left;}
.related ul li{ width:50%; height:30px; line-height:30px; float:left;}
.related ul li b{ float:left;}
.related ul li a{ float:left; margin-left:5px; display:inline; color:#666;}
.related ul li a:hover{ color:#FF0000;}
/*上一条下一条*/
#prev_next{margin: 10px 10px;clear: both;overflow: hidden; }
#prev_next li i{ margin-right: 5px; }
#prev_next li a{color:#333333;}
#prev_next li a:hover{ color: #FF0000; }

/* CSS Pic */
#picUL{ height: 100%; overflow: hidden; }
#picUL li{height:282px; width:272px;  float:left; margin:10px 15px; display:inline; }
#picUL li a{ width: 260px; height: 270px; background: #fff; float: left; padding:5px; border: solid 1px #ddd;box-sizing: content-box;}
#picUL li .pic_01{width:260px;height:195px; text-align: center; overflow: hidden;background: #fff;}
#picUL li .pic_01 img{height:195px; max-width:260px; vertical-align:middle; transition: all 1s; }
#picUL li .pic_02{width:260px; line-height:40px; height:40px; margin-top: 5px;color: #333333}
#picUL li .pic_03{ width: 30px; height: 5px; background: #fcb904; margin-top: 15px; transition: all 1s;}
#picUL li a:hover{ background: #004a98; }
#picUL li a:hover .pic_03{ width: 260px; background: #fff;}
#picUL li a:hover .pic_01 img{ transform:scale(1.05);}
#picUL li a:hover .pic_02{ color: #fff;}

/*图片列表*/

#proUL {
    text-indent: 0;
    overflow: hidden;
    text-align: center;
}

#proUL li {
    width: 240px;
    height: 220px;
    text-align: center;
    margin: 11px 16px;
    padding: 15px;
    display: block;
    line-height: 50px;
    font-size: 16px;
    color: #000;
    overflow: hidden;
    position: relative;
    background: #f6f6f6;
    float: left;
    transition: all 0.4s;
    box-shadow: 5px 5px 0 #ccc;
    box-sizing: content-box;
}

#proUL li:hover {

    background: #004a98;
    color: #fff;
    transform: translateY(-10px);
    transition: all 0.4s;
}

#proUL li a {
    padding: 0 20px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    background: #fff;
    color: #000;
    display: inline-block;
    border-radius: 20px;
     transition: all 0.4s;
}

#proUL li a:hover {
    background: #f08d00;
    color: #fff;
    padding: 0 40px;
     transition: all 0.4s;
}

#proUL .img {
    width: 240px;
    height: 180px;
    background: #fff;
    position: relative;
}
#proUL .img img{width: 240px;
    height: 180px;object-fit:cover;}

/*联系我们*/
.lx_list {
    position: relative;
    margin-bottom: 20px;
}
.lx_list{font-size: 16px;}
.lxwm_ewm {
    position: absolute;
    top: 30px;
    right: 0;
    text-align: center;
}

.lx_name {
    font-size: 20px;
    position: relative;
    padding-bottom: 10px;
}

.lx_name i {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 86px;
    height: 4px;
    background: #cf000c;
    display: block;
}


/*产品内页*/
#content_zy{ line-height: 28px; height: auto; overflow: hidden;}
#por_left{width:400px; height:auto; margin-right:20px; float:left; text-align: center;}
#p-box{ width:394px; float: left; height: 410px;border:solid 1px #dddada; }
#por_right{float:left; line-height:2.0; width: 490px; height:auto; overflow:hidden;}
.pro_name{display:block;text-align:left;  font-size:24px;width:100%;float: left;color:#555555;overflow: hidden;font-weight: bold;border-bottom:solid 2px #e6e6e6;}
#cpms{ margin-bottom: 20px;width:100%;float: left;background: url(../Image/proinfo-icon1.jpg)left top no-repeat;color:#8b8b8b;min-height:36px;text-indent: 158px; line-height: 36px;}
#cpms1{margin: 20px 0;width:98%;float: left;/*background: url(../Image/proinfo-icon2.jpg)left top no-repeat;*/color:#8b8b8b;min-height:36px; /*text-indent: 158px;*/line-height: 36px;height: 200px;padding:0 1%;}
.proinfo-tel{width:100%;float: left;height: 115px;background: #f3f3f3;padding:15px;}
.proinfo-tel h1{width:100%;font-size: 16px;color: #555555;font-weight: bold;}
.proinfo-tel h1 span{font-size: 24px;color: #fd4700;font-weight: normal;}
.proinfo-tel a{padding:0px 30px;display: block;border-radius: 5px;background: #00479d;font-weight: bold;font-size: 24px;color: #ffffff;margin:15px auto 0;overflow: hidden;text-align: center;}
.fenxiang{width:240px;float:right;text-align: right;}
.proinf-btn{width:100%;float: left;height: 46px;margin-top: 40px;padding-left: 20px;}
.proinf-btn a{width:124px;height: 47px;border-radius: 5px;display: block;text-align: center;line-height: 47px;font-size: 18px;color: #131313;font-weight: bold;margin-right: 23px;float: left;background: #dddada;}
.proinf-btn a:hover{background: #1269cc;color: #ffffff;}

.info_nr{ width: 434px;float: left;}
.outBox{width:100%;float: left;margin-top: 20px;}
.outBox .hd{ height:50px; line-height:50px;  padding:0 20px; border-bottom:1px solid #3386c5;  position:relative;  }
.outBox .hd ul{ float:left; position:absolute; left:0px; top:-1px; height:52px;   }
.outBox .hd ul li{ float:left; padding:0 30px; cursor:pointer;  border:solid 1px #eeeeee;background: #f7f7f7;height: 49px}
.outBox .hd ul li.on{ height:50px;  background:#fff; border:solid 1px #3386c5; border-bottom:2px solid #ffffff; margin-top: 1px;}

.inBox{ padding:15px 15px 0 15px;overflow: hidden;}

.info_title{ margin:20px 0 0 0; width:100%;height:44px;  background: #f7f7f7;border:solid 1px #eeeeee;line-height: 44px;text-indent: 20px;}
.info-content{float: left;margin: 20px;width: 96%;}
.info_title b{display:inline-block;padding-left:10px;height:100%;background:#0f61cd;color:#fff;line-height:44px; font-weight: normal; font-size: 20px; padding: 0 15px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
.t_r{text-align: right;}
.proinfo-con{width:415px;float: left;}
.proinfo-con h1{width:100%;float: left;font-size: 14px;color: #464646;line-height:50px;margin-top:12px;}
.proinfo-con-tel{width:100%;height:41px;background: url(../Image/proinfo-tel.png) 20px 9px #eeeeee no-repeat;text-indent: 70px;padding-top: 35px;color: #b80606;font-size: 28px;font-weight: bold;float: left;}
.proinfo-con p{width:100%;float: left;line-height: 32px;color: #464646;margin-top: 10px;}

/*p-messgae*/
.p-messge{
    height: 300px;
    width: 870px;
    padding:30px 25px 0;

    float: left;
}
.p-messge h3{
    height: 41px;
    line-height: 41px;
    border-bottom: 1px solid #dadbdb;
    font-size: 18px;
    color: #323333;
    font-weight: bold;
    text-align: left;
    margin-bottom: 32px;
}
.p-messge .left{
    width: 365px;
    float: left;
}
.p-messge .left li{
    margin-bottom: 14px;
    border:solid 1px #eeeeee;
    float: left;
}
.p-messge .left li label{
    width:90px;
    font-size: 16px;
    color: #666666;
    padding-left: 10px;
    text-align: left;
    line-height: 39px;

    float: left;
}
.p-messge .left li input{
    width: 269px;
    height: 39px;
    background: #ffffff;
    border:none;
    border-left:1px solid #eeeeee;
    outline: none;
    float: right;
    text-indent: 15px;
}
.p-messge .left li input:focus{
    border-color: #129ce4;
}
.p-messge .left li .inputsub{
    width:362px;
    background: #0068b7;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    border:none;
}
.p-messge .right textarea{
    width: 440px;
    height: 260px;
    background: #ffffff;
    border:1px solid #eeeeee;
    outline: none;
    float: right;
    padding:15px;
   
}
/* message styles */
.message{margin-left: 20px;}
.message ul{
    overflow: hidden;
}
.message li{
    float: left;
    margin:10px;
}
.message input {
    position: relative;
    display: block;
    float: right;
    padding:0em 0.8em;
    width: 420px;
    border: solid 1px #cccccc;
    border-radius: 0;
    background: #fff;
    color: #0075c5;
    font-weight: bold;
}
.message textarea {
    position: relative;
    display: block;
    float: right;
    padding:0em 0.8em;
    width: 860px;
    border: solid 1px #cccccc;
    border-radius: 0;
    background: #fff;
    color: #0075c5;
    font-weight: bold;
    resize:none;
}
.message textarea:focus {
    outline: none;
}
.message input:focus {
    outline: none;
}
.message #submit{
    width: 120px;
    height: 51px;
    color: #fff;
    background: #024b97;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}
.message #submit:hover{
    background: #06a835;
}